


// 呼吸灯
.breathingLampState {
  float: left;
  margin-left: 20px;
}
@keyframes scaless {
  0% {
    transform: scale(1);
  }

  50%,
  75% {
    transform: scale(3);
  }

  78%,
  100% {
    opacity: 0;
  }
}
.breathingLampGray,
.breathingLampRed,
.breathingLampOrange,
.breathingLampGreen {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  // margin-left: 42%;
  float: right;
  margin-top: 6%;
}
/* 默认灰色呼吸灯 */
.breathingLampGray {
  background-color: rgb(170, 166, 166);
}

/* 默认红色呼吸灯 */
.breathingLampRed {
  background-color: red;
}

/* 默认橙色呼吸灯 */
.breathingLampOrange {
  background-color: orange;
}

/* 默认绿色呼吸灯 */
.breathingLampGreen {
  background-color: rgb(89, 226, 77);
}

.breathingLampRed:before {
  content: '';
  display: block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  opacity: 0.7;
  background-color: red;
  animation: scaless 1s infinite cubic-bezier(0, 0, 0.49, 1.02);
}